<template>
  <div id="Error">
    <!-- 菜单 -->
    <div class="LeftMenu">
      <LeftMenu></LeftMenu>
    </div>
    <!-- 站内导航 -->
    <div class="TopNav">
      <TopNav></TopNav>
    </div>
    <!-- 中部菜单 -->
    <div class="MidMenu">
      <MidMenu></MidMenu>
    </div>
    <!-- 页脚 -->
    <div class="Footer">
      <Footer></Footer>
    </div>
  </div>
</template>

<script>
import LeftMenu from '../../components/head/LeftMenu'
import TopNav from '../../components/head/TopNav'
import MidMenu from "../../components/head/MidMenu";
import Footer from '../../components/foot/Footer'

export default {
  name: 'error',
  components: {LeftMenu, TopNav, MidMenu, Footer},

  data() {
    return {}
  },
  created() {
  },
  methods: {},
}
</script>

<!-- Add "scoped"  attribute to limit CSS to this component only -->
<style>
#Error {
  background: url("src/assets/image/404.jpg");
  width: 100%;
  height: 100%;
  position: fixed;
  background-size: 100% 100%;
  margin-left: -8px;
  margin-top: -8px;
  opacity: 0.88;

}

.LeftMenu {
}

.TopNav {
  width: 30%;
  margin-top: -77px;
  position: absolute;
  margin-left: 35%;
}

.MidMenu {
}


</style>
